<template>
  <div class="workbanch">

    <div id="app_details" style="height:300px;width:100%; float: right" >
      <li><button class="app_btn" href="/">关联账号：</button></li>
      <li><button class="app_btn" href="/">提交APP：</button></li>
      <li><button class="app_btn" href="/">通过审核：</button></li>
    </div>
    <div id="bug_table" style="height:270px;width:49%; float: right;overflow:auto" >
      <h2 class="h2_title">最新BUG清单列表</h2>
      <div v-for="o in 6" :key="o" class="text item">
        {{'列表内容 ' + o }}
      </div>

    </div>
    <div id="new_info" style="height:270px;width:49%; float: left;overflow:auto" >
      <h2 class="h2_title">最新设计清单列表</h2>
              <div v-for="o in 6" :key="o" class="text item">
                {{'列表内容 ' + o }}
              </div>
<!--      <el-card class="box-card"   style="overflow:auto">-->
<!--       -->
<!--        <el-table-->
<!--          :data="tableData"-->
<!--          style="width:42.7%">-->
<!--          <el-table-column-->
<!--            prop="date"-->
<!--            label="日期"-->
<!--            width="180">-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--            prop="name"-->
<!--            label="姓名"-->
<!--            width="180">-->
<!--          </el-table-column>-->
<!--          <el-table-column-->
<!--            prop="address"-->
<!--            label="地址">-->
<!--          </el-table-column>-->
<!--        </el-table>-->

<!--      </el-card>-->
    </div>
<!--    <ul class="infinite-list" v-infinite-scroll="load" style="overflow:auto">-->
<!--      <li v-for="i in count" class="infinite-list-item">{{ i }}</li>-->
<!--    </ul>-->


  </div>
</template>

<script>
  export default {
    name: "Workbench",
    // data () {
    //   return {
    //     count: 0
    //   }
    // },
    // methods: {
    //   load () {
    //     this.count += 2
    //   }
    // }
    data() {
      return {
        tableData: [{
          date: '2016-05-02',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1518 弄'
        }, {
          date: '2016-05-04',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1517 弄'
        }, {
          date: '2016-05-01',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1519 弄'
        }, {
          date: '2016-05-03',
          name: '王小虎',
          address: '上海市普陀区金沙江路 1516 弄'
        }]
      }
    }

  }
</script>

<style scoped>

  #app_details,#bug_table,#new_info{
    background-color: #F2F2F5;
    margin: 20px auto;

  }
  .h2_title{
    margin-top: 20px;
    text-align: center;
  }

  .app_btn{
    text-decoration: none;
    line-height: 30px;
    display: inline-block;
    width: 200px;
    height: 30px;
    background-color: #262626;
    text-align: center;
    color: white;
    margin: 45px 0 0 30px;
  }
  .box-card{
    height: 400px;
  }
  .text {
    font-size: 14px;
  }

  .item {
    padding: 18px 0;
  }

  .box-card {
    width: 480px;
  }
</style>
